#software {

  [purpose='page-content'] {
    padding: 24px 32px 64px 32px;
  }
  p {
    margin-block-end: 0px;
    font-size: 14px;
    line-height: 150%;
  }
  small {
    font-size: 12px;
    line-height: 150%;
  }
  a {
    color: @core-vibrant-blue;
    font-weight: 700;
    border-bottom: none;
  }
  .table td {
    font-size: 14px;
    line-height: 150%;
    a {
      cursor: pointer;
      display: block;
    }
  }
  .table thead th {
    border-top: none;
    border-bottom: none;
    border-right: 1px solid #e2e4ea;
    vertical-align: middle;
  }
  th.sortable {
    cursor: pointer;
  }
  .table th, .table td {
    padding: 0.5rem 1rem;
    white-space: nowrap;
  }
  .table thead {
    tr:first-child {
      th {
        border-top: none;
        background-color: rgba(0, 43, 128, 0.0235294);
        border-right: none;
      }
      th:first-child {
        border-top-left-radius: 8px;
      }
      th:last-child {
        border-top-right-radius: 8px;
      }
    }
  }
  .table tbody {
    color: #515774;
    border-radius: 8px;
    td {
      max-height: 48px;
      height: 48px;
      padding-left: 16px;
      padding-right: 16px;
      border-top: 1px solid @border-lt-gray;
      position: relative;
    }
    tr {
      td:last-child {
        border-right: none;
      }
    }
    tr:last-child {
      td:first-child {
        border-bottom-left-radius: 8px;
      }
      td:last-child {
        border-bottom-right-radius: 8px;
      }
    }
  }
  .sort-arrows {
    height: 14px;
    padding-left: 0.5rem;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    span {
      display: flex;
      align-items: center;
      gap: 3px;
    }
    .ascending-arrow {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 6px solid #c5c7d1;
    }
    .descending-arrow {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 6px solid #c5c7d1;
    }
  }
  .ascending .ascending-arrow {
    border-bottom-color: #6a67fe;
  }
  .descending .descending-arrow {
    border-top-color: #6a67fe;
  }
  .table td {
    white-space: nowrap;
    vertical-align: middle;
  }

  .affected-teams-link {
    color: #515774;
    cursor: pointer;
    font-weight: 400;
  }
  .truncated-affected-teams {
    color: @core-vibrant-blue;
    cursor: pointer;
    position: relative;
    font-weight: 400;
    .teams-tooltip {
      display: none;
    }
  }
  .truncated-affected-teams:hover {
    text-decoration: underline;
    .teams-tooltip {
      z-index: 3;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 6px;
      width: 250px;
      background: #515774;
      border-radius: 4px;
      position: absolute;
      top: 15px;
      left: -30px;
      color: #FFF;
      p {
        white-space: normal;
        margin-bottom: 4px;
        cursor: pointer;
        color: #FFF;
        &:hover {
          text-decoration: underline;
        }
      }
    }
  }

  .pointer {
    cursor: pointer;
  }
  .advanced-options-btn {
    color: #6A67FE;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    cursor: pointer;
    img {
      height: 16px;
    }
  }
  .rotate {
    transform: rotate(180deg);
  }
  [purpose='software-upload-input'] {
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #E2E4EA;
    background: #F9FAFC;
  }
  [parasails-component='file-upload'] {
    &.is-invalid {
      border: 1px solid #dc3545;
    }
  }
  .is-invalid ~ .invalid-feedback {
    display: block;
  }

  [purpose='software-information'] {
    [purpose='edited-software-information'] {
      width: 100%;
    }
    display: flex;
    // flex-direction: column;
    // justify-content: center;
    // align-items: start;
    align-items: center;
    gap: 16px;
    position: relative;
    border-radius: 4px;
    padding: 16px 24px;
    height: 72px;
    border: 1px solid #E2E4EA;
    background: #F9FAFC;
    margin-bottom: 24px;
    img {
      margin-right: 16px;
    }
    [purpose='edit-upload-btn'] {
      position: absolute;
      right: 24px;
      bottom: 28%;
    }
    [purpose='file-selected-edit-upload-btn'] {
      position: absolute;
      right: -144px;
      bottom: 28%;
    }
  }
  [purpose='teams-picker'] {
    padding: 16px 24px;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #E2E4EA;
    background: #F9FAFC;
    margin-bottom: 24px;
    &.is-invalid {
      border: 1px solid #dc3545;
    }
  }
  [purpose='delete-button'] {
    border-radius: 6px;
    background: #D66C7B;
    border-color: #D66C7B;
    color: #FFF;
  }
  [purpose='file-upload'] {
    color: @core-vibrant-blue;
    display: flex;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    margin-top: 24px;
    cursor: pointer;
    img {
      margin-right: 8px;
    }
  }
  [purpose='modal-button'] {
    border-radius: 6px;
    background: #6A67FE;
    color: #FFF;
    border-color: #6A67FE;
  }
  [purpose='modal-buttons'] {
    [purpose='cancel-button'] {
      color: @core-vibrant-blue;
      margin-right: 16px;
      cursor: pointer;
    }
  }
}
